.dialog-mask{width:100%;height:100%;position: fixed;background-color: #000;opacity: .3;z-index: 10000;display:none}
.dialog-container{width: 80%; border-radius: .5em; position: fixed; top: 25%; left: 5%; background-color: #fff; z-index: 10001; overflow: scroll; padding: 5%;overflow: hidden;}
.dialog-container-header{font-size:4vw;color:#42BAFF;border-bottom: 1px solid #42BAFF;padding-bottom:.5em;position: relative;}
.dialog-container-content{padding: 1em 0; font-size: 5vw; color: #777; overflow: scroll;max-height: 300px;overflow: hidden;}
.dialog-container-content-html{padding: 1em 0; font-size: 4vw; color: #777; overflow: scroll;max-height: 300px;overflow: hidden;}
.dialog-container-btn{text-align: right;}
.dialog-btn-sure{display: inline-block; text-align: center; padding: .5em 2em; background-color: #42BAFF; color: #fff; font-size: 4.5vw; text-decoration: none;}
.dialog-btn-cancel{display: inline-block; text-align: center; padding: .5em 2em; background-color: #F85F4D; color: #fff; font-size: 4.5vw; text-decoration: none; margin-right: .3em;}
.dialog-header-cancel{float: right; display: inline-block; color: #777; font-size: 6vw; text-decoration: none; margin-right: .5em; margin-top: -.3em; display: none;}
.dialog-btn-cancel:active,.dialog-btn-sure:active,.dialog-header-cancel:active{color:#fff;text-decoration: none;background-color: #B4B4B4;}


/*
    yellowPannel
*/
.confirm-dialog{    width: 80%;
    height: 40%;
    position: absolute;
    background-color: #fff;
    z-index: 10001;text-align: center;
    left: 10%;
    top: 25%;
    display: none;
}

.confirm-dialog-clear{
    position: absolute;
    top:0;
    right:0;
    width:3em;
    height:3em;
    background:url(../images/confirm_dialog_clear.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.confirm-dialog-zg{
    width:100%;height:100%;position: absolute;top:0;left:0;background-color: #000;z-index: 10000;opacity: .5;display: none;
}

.confirm-dialog-text{width:90%;height:70%;overflow: hidden;margin:0 auto;}
.confirm-dialog-btn{background-color: #FF9C01;width:70%;color:#fff;padding:.5em 0;font-size:1em;text-decoration: none;display: inline-block;box-shadow:inset 0 1px 0 #ffdcfb,0 1px 0 rgba(0,0,0,.2);border-radius: .2em;    position: absolute;
    left: 15%;
    bottom: 1em;}

.join-loadding{width:75%;height:75%;margin:0 auto;z-index:4;background:url(../images/invest_loadding.gif) no-repeat center center;display: none;}

.join-success{width:75%;height:75%;margin:0 auto;z-index:4;background:url(../images/yellow_success.png) no-repeat center center;display: none;}
.join-loadding-title,.join-success-title{color:#FF9C01;display: none;}

.join-tip{width:75%;height:75%;margin:0 auto;z-index:4;background:url(../images/yellow_tip.png) no-repeat center center;display: none;}

.join-loadding-title,.join-error-title,.join-tip-title{color:#FF9C01;display: none;font-size:.6em;}
.join-error{width:75%;height:75%;margin:0 auto;z-index:4;background:url(../images/invest_error.png) no-repeat center center;display: none;}
.join-loadding-title,.join-error-title{color:#FF9C01;display: none;font-size:.8em;}

.join-adv{width:100%;overflow: hidden;    margin-top: 2em;    min-height: 13em;}
.join-item{width:100%;padding:.5em 0;    overflow: hidden;}

.join-item-left{float:left;width:30%;    text-align: right;}
.join-item-right{float:right;width:70%;    text-align: center; text-indent: 1em;}

.confirm-color1{color:#FF9100;}
.confirm-color2{color:#CC4D4D;}

.join-item-right-fuhao{width:40%;float:left;text-align: right;}
.join-item-right-money{width:60%;float:right;text-align: left;}